<!--
 *                   ___====-_  _-====___
 *             _--^^^#####//      \\#####^^^--_
 *          _-^##########// (    ) \\##########^-_
 *         -############//  |\^^/|  \\############-
 *       _/############//   (@::@)   \############\_
 *      /#############((     \\//     ))#############\
 *     -###############\\    (oo)    //###############-
 *    -#################\\  / VV \  //#################-
 *   -###################\\/      \//###################-
 *  _#/|##########/\######(   /\   )######/\##########|\#_
 *  |/ |#/\#/\#/\/  \#/\##\  |  |  /##/\#/  \/\#/\#/\#| \|
 *  `  |/  V  V  `   V  \#\| |  | |/#/  V   '  V  V  \|  '
 *     `   `  `      `   / | |  | | \   '      '  '   '
 *                      (  | |  | |  )
 *                     __\ | |  | | /__
 *                    (vvv(VVV)(VVV)vvv)
 *
 *      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *
 *                神兽保佑            永无BUG
 *
 * @Descripttion:
 * @version:
 * @Date: 2022-03-02 11:22:41
 * @LastEditors: huzhushan@126.com
 * @LastEditTime: 2022-03-03 17:20:00
 * @Author: huzhushan@126.com
 * @HomePage: https://huzhushan.gitee.io/vue3-element-admin
 * @Github: https://github.com/huzhushan/vue3-element-admin
 * @Donate: https://huzhushan.gitee.io/vue3-element-admin/donate/
 -->

<template>
  <div class="app-container wrap">
    <svg-icon icon-class="wechat" class="wechat-icon" />
    <h1>微信扫码授权</h1>
    <div class="subtitle">
      即将跳转到微信公众号，请使用公众号对应的
      <span>管理员微信</span>
      扫码并授权
    </div>
    <div class="btns">
      <el-button @click="$router.push('/message/applications')">
        <i class="el-icon-arrow-left"></i>
        返回
      </el-button>
      <el-button type="primary" @click="handleContinue">
        继续
        <i class="el-icon-arrow-right"></i>
      </el-button>
    </div>
  </div>
</template>
<script>
export default {
  methods: {
    handleContinue() {
      window.open('http://www.baidu.com')
    },
  },
}
</script>
<style lang="scss" scoped>
.wrap {
  padding: 48px 32px;
  text-align: center;
  .wechat-icon {
    color: rgb(7, 193, 96);
    font-size: 80px;
  }
  h1 {
    margin: 20px 0 8px;
    padding: 0;
    font-size: 24px;
    text-align: center;
  }
  .subtitle {
    margin: 0 0 24px;
    color: rgba(0, 0, 0, 0.45);
    font-size: 14px;
    line-height: 1.6;
    span {
      color: red;
    }
  }
  .btns {
  }
}
</style>
